<template>
	<view class="tabs flex flex-dir-c" :style="{height: height}">
		<view style="width: 100%;">
			<slot name="nav" />
		</view>
		<view class="f1" style="width: 100%;" :style="itemStyle">
			<slot name="tabs"></slot>
		</view>
	</view>
</template>

<script setup lang="ts">
	interface Props {
		list ?: any[]
		height ?: string
		itemStyle ?: any
	}
	const props = withDefaults(defineProps<Props>(), {
		list: () => [],
		height: 'calc(100% - 148rpx)',
		itemStyle: '',
	})
</script>
<style lang="scss" scoped>
	.tabs {}

	.swiper {
		// border: 1px solid red;
	}
</style>